import { FC, Fragment, useState } from "react"
import Forward from "./components/forwardRef"
import Imperative from "./components/ImperativeHandle"
import Container from "./components/Todolist"
import UseContextCom from "./components/useContext"
import UseEffectBase from "./components/useEffect/基本使用"
import Effect2th from "./components/useEffect/第二个参数"
import UseMemoCom from "./components/useMemo&useCallback"
import UseRefCom from "./components/useRef"
import UseStateCom from "./components/useState"
import UseCustomHook from "./components/使用自定义Hook"
const App: FC<any> = () => {
  let [flag, setFlag] = useState<boolean>(true)
  return (
    <Fragment>
      {/* <UseStateCom />
      {flag ? <UseEffectBase /> : null}
      <button onClick={() => {
        setFlag(!flag)
      }}>点击加载/卸载组件</button> */}
      {/* <Effect2th /> */}
      {/* <UseCustomHook /> */}
      {/* <UseRefCom/> */}
      {/* <Forward/> */}
      {/* <Imperative/> */}
      {/* <UseMemoCom /> */}
      {/* <UseContextCom/> */}
      <Container/>
    </Fragment>
  )
}

export default App